<template>
  <view class="default-avatar">
    <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
      <circle cx="24" cy="24" r="24" fill="#E0E0E0"/>
      <path d="M24 13C21.79 13 20 14.79 20 17C20 19.21 21.79 21 24 21C26.21 21 28 19.21 28 17C28 14.79 26.21 13 24 13ZM24 27C20.33 27 13 28.84 13 32.5V35H35V32.5C35 28.84 27.67 27 24 27Z" fill="#A0A0A0"/>
    </svg>
  </view>
</template>

<script>
export default {
  name: 'DefaultAvatar'
}
</script>

<style>
.default-avatar {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
</style> 